////////////////////////////////////////////////////////////////////////////
//
// Copyright 2018 Realm Inc.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//
////////////////////////////////////////////////////////////////////////////

@import "~realm-studio-styles/variables";

.TopBar {
  background: $window-background;
  border-bottom: 1px solid $dove;
  box-shadow: 0 5px 5px $raised-shadow-color;
  cursor: default;
  flex-shrink: 0;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow-x: auto;
  user-select: none;
  z-index: 10;

  &__Logo {
    flex-shrink: 0;
    height: 30px;
    margin-right: $spacer;
  }

  &__TabButton {
    flex-shrink: 0;
    margin-right: $spacer / 2;
  }

  &__Status {
    flex-grow: 1;
    font-size: .9rem;
    line-height: 2rem;
    margin: 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;

    &__selectable {
      user-select: text;
    }

    &__Icon {
      flex-shrink: 0;
      margin-left: .5rem;
    }
  }

  &__VersionBadge {
    margin-left: $spacer / 2;
    user-select: text;
  }
}
